    <!DOCTYPE html>
        <html>
        <head lang="zh-CN">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <title>五星评价</title>
        <link rel="stylesheet" href="../src/css/star-rating-svg.css">
        <style>
        .jq-stars {
        display: inline-block;
        }

        .jq-rating-label {
        font-size: 22px;
        display: inline-block;
        position: relative;
        vertical-align: top;
        font-family: helvetica, arial, verdana;
        }

        .jq-star {
        width: 100px;
        height: 100px;
        display: inline-block;
        cursor: pointer;
        }
        </style>
        </head>
        <body>
        <div class="my-rating"></div>

        <script src="../src/js/libs/jquery-3.0.0.min.js"></script>
        <script src="../src/js/libs/jquery.star-rating-svg.js"></script>
        <script>
        $(".my-rating").starRating({
        initialRating: 4,
        starSize: 25
        });
        </script>
        </body>
        </html>